<template>
    <div class="outer">
        <!-- 头部 -->
        <Header/>
        <!-- 商品分类导航 -->
        <TypeNav v-if="$route.meta.isTypeNav" />
        <!-- 路由呈现的位置 -->
        <router-view/>
        <!-- 底部 -->
        <Footer/>
    </div>
</template>

<script>
import Header from "@/components/Header"
import Footer from "@/components/Footer";
export default {
    name: "App",
    components:{
        Footer,
        Header
    }
}
</script>

<style lang="less" scoped>
.outer {
}
</style>